﻿body{
	margin-left:auto;
	background:#fff;
	margin-right:auto;
	font: 80%/1.4em arial,Verdana,sans-serif;
	color: #5f5f5f;
	margin-top:0;
	margin-bottom:0;
	margin:0px;
}
a{ text-decoration:none; color:#124e8c;}
/*a:hover { text-decoration:underline; color:#000;}*/
.header{ height:115px; border-bottom:#009ee5 1px solid; border-top:#009ee5 5px solid; margin-bottom:10px;}
.barraAzul { background:#00529b; color:#FFF;
}
.barraAzul td{height:25px;}
.barraAzul a { color:#FFF;}
.barraAzul a:hover { color:#88d3f5;}
.barramenu{width:180px; height:100%; float:left;}
.cuerpo{ margin-top:30px;}
.titBienvenida{ color:#00529b; font-size:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:20px;}
.opcTop{ float:right; margin-top:5px; color:#FFF; margin-right:15px;}
.opcTop a{ color:#FFF; font-weight:bold; font-size:11px;}
.opcTop a:hover{ color:#88d3f5; text-decoration:underline;}
#titulo{ float:right;}

#main{ width:98%; margin:auto;}
h1{ color:#00529b; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:20px; border-bottom:1px #00529b dashed;}
h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;}
h3 {color:#009dd9; border-bottom:#009dd9 solid 4px; font-size:18px; text-align:left; margin:0px; margin-bottom:5px;}
.cajaCeleste{ background:#e7f0f7; border:#6498bf 1px solid; margin-bottom:10px;}
.cajaCeleste h1 { font-size:16px; border:none; margin:0px; background:#6498bf; color:#FFF; padding:5px;}
.cajaCeleste h2 { font-size:14px; margin:0px; color:#00529b; padding:5px; font-weight:normal; border-bottom:#6498bf 1px solid; margin:0px;
}
.ncajaGris{ background:#fff; border-top:#cdcdcd 1px solid; width:99%; border-bottom:#cdcdcd 1px solid; text-align:right; font-size:12px; padding-top:0px; margin:auto; padding:5px; margin-top:10px;}
.cajaCeleste #pie{ border-top: #6498bf 1px solid; text-align:center;}
.cajaGris{ background:#fff; border:#cdcdcd 1px solid; width:300px;}
.cajaGris h1 { font-size:16px; border:none; margin:0px; background:#f8f8f8; color:#5b5b5b; padding:5px; border-bottom:#cdcdcd 1px solid;}
.cajaBlanco{ background:#fff; border:#6498bf 1px solid; border-top: #6498bf 3px solid; margin-bottom:10px;}
.cajaBlanco h1 { font-size:14px; margin:0px; color:#00529b; padding:5px; font-weight:normal; border-bottom:#6498bf 1px solid; margin:0px;background:#e7f0f7;}
.cajaBlanco #pie{ border-top: #6498bf 1px solid; text-align:center;}
.contenido { padding:10px;}
.contenido th{ font-weight:bold; color:#000; text-align:left; background:#bed3e3;}
.formularios { border:#6498bf 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; line-height:normal;}
.frmAlerta { border:#ac0000 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; line-height:normal; background:#fff9e2;}
.combos { border:#6498bf 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:22px;}
.tablaCeleste{ border:#cdcdcd 0px solid; border-bottom:#4d7ea7 1px solid; width:100%; font-size:11px; padding:0px; text-align:center; font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px; margin-top:10px; color:#676767; border-collapse: collapse;}
.tablaCeleste th { font-size:11px; padding:4px; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4c7aab; font-size:11px;  font-weight:bold; border-bottom:#4d7ea7 3px solid; border-top:#4d7ea7 1px solid;}
.tablaCeleste tr { background:#fff; border:0px #cdcdcd solid;}
.tablaCeleste tr:hover { background:#ffffb0;}
.tablaCeleste td{padding:4px;}
.tablaCeleste .odd {background:#f8f8f8; border:0px #cdcdcd solid; border-top:#e5e5e5 1px solid;}
.tablaCeleste .total {background:#e5e5e5; border:1px #f8f8f8 solid; border-top:#e5e5e5 1px solid;}
.tablaCeleste .total:hover {background:#e5e5e5; border:1px #f8f8f8 solid; border-top:#e5e5e5 1px solid;}
.tablaCeleste a{font-family:Arial,Verdana,  Helvetica, sans-serif; color:#4d79a6; font-size:11px; ; text-decoration:none;}
.tablaCeleste a:hover {font-family:Arial,Verdana,  Helvetica, sans-serif; text-decoration:underline; background:#ffffb0;}
.tablaCeleste table{ margin-left: auto;	margin-right: 10px}

.tablaGris{ border:#ecebeb 1px solid; width:100%; font-size:12px; padding:0px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; border-collapse:separate; margin-bottom:10px; background:#FFF;}
.tablaGris th {border:1px #fff solid; font-size:11px; padding:5px; background:#ecebeb; font-family:Arial, Verdana,  Helvetica, sans-serif; color:#000; font-size:11px;  font-weight:bold; text-align:center;}
.tablaGris tr { background:#fff; border:1px #ecebeb solid; text-align:left;}
.tablaGris td{padding:5px; color:#575757; border-bottom:1px #ecebeb solid; }
.tablaGris .odd {background:#f8f8f8;}
.tablaGris .oddOscuro {background:#e7f0f7;}
.tablaGris .oddClaro {background:#FFC;}
img {border:0;}
.izquierda{ width:100%; float:left;}
.derecha{ width:98%; float:right;}
.cerrar{ background:url(../../Images/x.png) no-repeat; width:25px; height:29px; float:right; margin-top:-5px; cursor:pointer;}
#btn_busca
{
	position:relative;
	border:0px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin-top:0px;
	color:#fff;
	background-image:url(../../Images/ico_busca.png);
	text-align: center;
	height: 21px;
	width: 21px;
	cursor:pointer;
}
#btn_otro
{
	position:relative;
	border:1px solid #003167;
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin-top:0px;
	color:#fff;
	background-image:url(../../Images/btn_l_off.png);
	background-position:100px;
	text-align: center;
	height: 21px;
	width: 60px;
	cursor:pointer;
}
button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 15px 0 0; 
  text-align:center; 
}
button span { 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 15px; 
}
 
/*blue buttons*/

div.submitBtnL { 
  background:url(../../Images/btn_l_off.png) left no-repeat;
  font-size:1.3em;
  margin-right:20px;
  margin-bottom:10px;
  margin-top:10px;
  height:25px; 
  line-height:25px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  text-align: center;
}

div.submitBtnD { 
  background:url(../../Images/btn_r_off.png) right no-repeat;
  font-size:11px;
  font-weight:bold;
  height:25px; 
  line-height:25px;
}

div.submitBtn:hover {
	background:url(../../Images/btn_l_on.png) left no-repeat; 
}
div.submitBtn:hover span {
	background:url(../../Images/btn_r_on.png) right no-repeat; 
}



button.submitBtn { 
  background:url(../../Images/btn_r_off.png) right no-repeat; 
  font-size:1.3em;
  margin-right:20px;
  margin-bottom:10px;
  margin-top:10px;
}
button.submitBtn span { 
  height:25px; 
  line-height:25px;
  background:url(../../Images/btn_l_off.png) left no-repeat;
  color:#fff;
  font-size:11px;
  font-weight:bold;
}
button.submitBtn:hover {
	background:url(../../Images/btn_r_on.png) right no-repeat; 
}
button.submitBtn:hover span {
	background:url(../../Images/btn_l_on.png) left no-repeat; 
}


.txtNegro{ color:#000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.txtSmall{ color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.txtPagina{ text-decoration:none; color:#124e8c; font-size:12px;}
.txtGrisSmall{ color:#5b5b5b; font-size:12px;}
.txtNegroSmall{ color:#000; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.txtRojoSmall{ color:#F00; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

/*VENTANA MODAL*/
#overlay, #overlay2, #overlay3, #overlay4, #overlay5, #overlay6, #overlay7, #overlay8, #overlay9, #overlay10, #overlay11{
     visibility: hidden;
     position: absolute;
	background-image:url(../../Images/bk_modal.png);
     left: -6px;
     top: -2px;
     width:100%;
     height:900px;
     text-align:center;
     z-index: 1000;
} 
#suboverlay1{
     visibility: hidden;
     position: absolute;
	background-image:url(../../Images/bk_modal.png);
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 2000;
}
#suboverlay1.internosub {
     width:200px;
     margin: 50px auto;
	 height:200px;
     background-color: #fff;
     border:10px solid #828282;
     padding:5px;
     text-align:center;
	 overflow:auto;
	 overflow-x: hidden;
}
#overlay .interno, #overlay2 .interno, #overlay3 .interno, #overlay4 .interno, #overlay5 .interno, #overlay6 .interno, #suboverlay1.interno, #overlay7 .interno, #overlay8 .interno, #overlay9 .interno, #overlay10 .interno, #overlay11 .interno {
     width:600px;
     margin: 50px auto;
	 height:400px;
     background-color: #fff;
     border:10px solid #828282;
     padding:5px;
     text-align:center;
	 overflow:auto;
	 overflow-x: hidden;
}
#close { float:right; width:25px; height:29px; margin-top:-25px; margin-right:300px; position:absolute;}
.close { float:right; width:620px; height:29px; margin-top:-25px; margin-right:300px; position:absolute; text-align:right;}
.close2 { float:left; height:29px; margin-top:-25px; margin-left:655px; position:absolute;}
.tablaBordes{ border-bottom:#6498bf 1px solid; border-top:#6498bf 1px solid; margin-bottom:10px; height:25px;}
.usuario { border:#fff000 2px solid; background:#00315d; padding:2px; font-size:11px; font-weight:bold;}
.Productos{width:100%; height:200px; overflow:auto; font-size:11px;}
.Productos {padding:5px;}
.Productos #foto{ border:1px #999 solid; background: #FFF; height:90px;}
/*TABS*/
div.content {
    clear: left;
    padding: 0em;
	margin-top:-5px;
}

div.content.inactive {
	display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #b2b2b2 url(../../Images/tabs.gif);
    color: #000;
    display: block;
    float: left;
    height: 2.2em;
	font-size:12px;
    padding-left: 10px;
    text-decoration: none;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-weight:bold;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    /*background-color: #d52b1e;*/
    background-position: 0 -60px;
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(../../Images/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    padding-right: 10px;
}

#divCampana {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1001;
	display:none;
	font-size:10px;
}
.cajaRoja{ background:#FFB9B9; border:#F00 1px solid; margin-bottom:10px;}

.enlaceboton
{
    font-family: arial, sans-serif, verdana;
    font-size: 11px;
    font-weight: bold;
    background-image: url('../../Images/bk_btn.gif');
    padding: 0px;
    width: 90px;
    height: 18px;
    padding-top: 3px;
    color: #fff;
    border: 1px #004185 solid;
    text-decoration: none;
    text-align: center;
} 